<template lang="pug">
  el-drawer.commonDrawer(
    title="详情"
    :visible="visibleDialog"
    append-to-body
    center
    destroy-on-close
    direction="rtl"
    size="720px"
    @close="$_handleCancel"
  )
    .drawer-content
      div.table-empty
        s-table(
          ref="table1"
          :column="column"
          :dataPops="row"
        )
          template(slot="created" slot-scope="text, scope")
            span {{text | dateFilter('YYYY/MM/DD hh:mm:ss')}}
          template(slot="name" slot-scope="text, scope")
            span {{scope.materiels.name}}
          template(slot="category" slot-scope="text, scope")
            span {{scope.materiels.category.name}}
</template>
<script>
import { column1 } from './config'
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    row: {
      type: Array,
      default: () => []
    }
  },
  data () {
    return {
      column: column1
    }
  },
  computed: {
    visibleDialog: {
      get () {
        return this.visible
      },
      set (val) {
        this.$emit('update:visible', val)
      }
    }
  },
  async created () {
  },
  methods: {
    $_handleCancel () {
      this.clients = []

      this.visibleDialog = false
    }
  }
}
</script>
<style lang="scss" scoped>
</style>
